<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="module">
        /* 
            使用ESM:
                1.保证文件通过服务器打开
                2.设置script的type 为 module


        file:///D:/%E5%B0%9A%E7%A1%85%E8%B0%B7/220516/day6/3.ESM%E6%A8%A1%E5%9D%97%E5%8C%96/index.html   
        不是服务器打开的页面


        http://127.0.0.1:5500/day6/3.ESM%E6%A8%A1%E5%9D%97%E5%8C%96/index.html
        服务器地址  协议(http https)://域名:端口(默认端口80,443)/地址
         http://www.baidu.com:80

        */ 

        //一. 直接引入模块  import "地址"
        //import './a.js';  引入a模块
        import "./b.js";  //引入b模块

        /* 
        二. 按需导入和导出:
            1.导出  export
            2.导入 import{变量} from '路径';
            3.as 关键字,起别名
        */
       //导入 a.js 文件 且接收 c 变量
       //导入的时候,需要和导出的名称一致,类似解构赋值的写法,但是不是解构赋值
       //如果给接收的变量 起别名  通过  as 关键字
       import {c as e,d,obj} from "./a.js"
       console.log(e);//30
    </script>
</body>

</html>